/**
Theme Name: T
Theme URI:
Description:
Version: 1.0.0
Author: hevin
Author URI:
Tags:
*/

/* == RESET == */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             {
    zoom: 1; /* IE6 */
}
*:first-child+html .clearfix {
    zoom: 1;  /* IE7 */
}

/* == COMMON == */
body {
    font: 12px/1.6em "Hiragino Sans GB", "Microsoft Yahei";
    color: #666;
    background: #ECEBD9;
}
a,a:link {
    text-decoration: none;
    color: #666;
}

.left {
    float: left;
}
.right {
    float: right;
}
.center {
    text-align: center;
}

/* == WRAPPER == */
#wrapper {
    background: #f0eee0 url(images/bg.jpg) no-repeat center top;
    height: 778px;
}
.container {
    width: 980px;
    margin: 0 auto;
}

    /* = HEADER = */
    #header {
        height: 245px;
    }
    #header .container {
        position: relative;
    }
    .block {
        position: absolute;
        display: block;
        text-indent: -9999px;
    }
    .site-logo {
        background: url(images/logo-big.png) no-repeat;
        width: 279px;
        height: 76px;
        top: 52px;
        left: 315px;
    }
    .site-weibo {
        background: url(images/weibo.jpg) no-repeat;
        width: 132px;
        height: 35px;
        top: 0;
        left: 0;
    }
    .site-reg {
        background: url(images/reg.jpg) no-repeat;
        width: 62px;
        height: 50px;
        top: 50px;
        right: 0;
    }
    .site-login {
        background: url(images/login.jpg) no-repeat;
        width: 62px;
        height: 50px;
        top: 50px;
        right: 65px;
    }
    .site-spec {
        background: url(images/go.jpg) no-repeat;
        width: 144px;
        height: 63px;
        top: 103px;
        right: 0;
    }
    .site-cry {
        background: url(images/cry.jpg) no-repeat;
        width: 115px;
        height: 63px;
        top: 103px;
        right: 147px;
    }
    .site-submit {
        background: url(images/submit.jpg) no-repeat;
        width: 90px;
        height: 34px;
        top: 203px;
        right: 55px;
        z-index: 99;
    }
    .site-rss {
        background: url(images/rss.png) no-repeat;
        width: 32px;
        height: 32px;
        top: 204px;
        right: 15px;
        z-index: 99;
    }
    .menu-wrap {
        position: absolute;
        top: 195px;
        left: 0;
        height: 50px;
        background: rgba(255, 255, 255, 0.40) !important;
        filter:Alpha(opacity=40);
        background: #FFF;
        width: 980px;
    }
    .site-menu {
        border-bottom: 1px solid #BDC09C;
    }
    .site-menu li {
        float: left;
        border-right: 1px solid #c3c5a5;
        border-left: 1px solid #fffff7;
     }
    .site-menu a {
        position: relative;
        display: block;
        float: left;
        width: auto;
        padding: 0 15px;
        height: 40px;
        margin: 10px 10px -1px 10px;
        line-height: 35px;
        font-size: 14px;
    }
    .site-menu a.current {
        filter:Alpha(opacity=100);
        background: #FFF;
    }

    /* == MAIN == */
    #main .container {
        background-color: #FFF;
        box-shadow: 0 0 10px #CCC;
    }

        /* = CONTENT = */
        .content {
            width: 735px;
        }
        .inner-content {
            margin-left: 25px;
        }
        .hot-post {
            width: 225px;
            border-top: 3px solid #F8AA57;
            margin-right: 15px;
        }
            .hot-post h3 {
                font-size: 18px;
                line-height: 25px;
                color: #F68139;
                background: url(images/hot.jpg) no-repeat;
                padding-left: 30px;
                margin-top: 15px;
                margin-bottom: 5px;
            }
            .hot-post li {
                padding: 12px 0;
            }
            .hot-post ul, .hot-post a {
                font-size: 11px;
            }
            .hot-post img {
                width: 73px;
                height: 68px;
                border: 1px solid #DDD;
                background: #F5F5F5;
                border-radius: 2px;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
            }
            .hot-post .hot-detail {
                width: 140px;
                position: relative;
            }
            .hot-post .hot-views {
                position: absolute;
                left: 0;
                top: 50px;
            }
        .new-post {
            width: 470px;
            border-top: 3px solid #E56965;
        }
            .feather h2 {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 5px;
            }
            .feather a {
                color: #E56965;
            }
            .newest {
                border-top: 3px solid #CED7C3;
                margin-top: 10px;
                padding-top: 10px;
            }
            .newest h3 {
                font-size: 18px;
                line-height: 25px;
                background: url(images/new.jpg) no-repeat;
                margin-bottom: 10px;
                padding-left: 30px;
                color: #333;
            }
            .newest li {
                padding: 7px 0;
                border-bottom: 1px dotted #CCC;
            }
            .newest h2 {
                margin-bottom: 10px;
            }
            .newest h2 a {
                font-size: 16px;
                color: #333;
                display: block;
                background: url(images/icon2.jpg) no-repeat right center;
                line-height: 25px;
            }
        .post-block {
            width: 345px;
            margin: 20px 0;
        }
            .block-list .block-title {
                font-size: 14px;
                color: #333;
                background: url(images/icon3.jpg) no-repeat left center;
                line-height: 25px;
                padding-left: 20px;
                margin-bottom: 15px;
            }
            .block-list img {
                display: block;
                height: 90px;
                width: 345px;
                background: #F5F5F5;
            }
            .block-list h2 a {
                font-size: 14px;
                color: #75885D;
                display: block;
                margin: 10px 0;
            }
            .block-list ul {
                margin: 10px 0;
            }
            .block-list li {
                padding: 2px 0 2px 15px;
                background: url(images/list.jpg) no-repeat left center;
            }

        /* = SIDEBAR = */
        .sidebar {
            width: 230px;
        }
        .inner-sidebar {
            border-top: 3px solid #B0B86D;
            width: 210px;
        }
            .search-box {
                height: 28px;
                margin: 10px 0;
                background: #B0B86D;
                position: relative;
            }
            .search-box .search-field {
                border: none;
                background: #B0B86D;
                padding: 6px;
                color: #DEE69F;
            }
            .search-box .search-submit {
                position: absolute;
                border: none;
                height: 28px;
                width: 32px;
                text-indent: -9999px;
                top: 0;
                right: 0;
                background: url(images/search.jpg) no-repeat left top;
            }
            .search-box .search-submit:hover {
                cursor: pointer;
            }

    /* == FOOTER == */
    #footer {
        height: 220px;
        padding-top: 30px;
    }
        .about {
            width: 490px;
            background: url(images/about.jpg) no-repeat left top;
            padding-top: 40px;
        }
        .links {
            width: 225px;
            background: url(images/links.jpg) no-repeat left top;
            padding-top: 40px;
        }
        .slogo {
            background: url(images/logo-s.png) no-repeat left top;
            padding-top: 65px;
            width: 210px;
            font-size: 11px;
        }


